<!DOCTYPE html>
<!-- saved from url=(0045)http://www.jq22.com/demo/CSS3sfq201802281413/ -->
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>CSS3手风琴图片展示</title>
    <link rel="stylesheet" href="./load/style.css">
</head>

<body>
    <div class="cont s--el-active">

        <div class="cont__inner">

            <div class="el">
                <div class="el__overflow">
                    <div class="el__inner">
                        <div class="el__bg"></div>
                        <div class="el__preview-cont">
                            <h2 class="el__heading">Section one</h2>
                        </div>
                        <div class="el__content">
                            <div class="el__text"></div>
                            <div class="el__close-btn"></div>
                        </div>
                    </div>
                </div>
                <div class="el__index">
                    <div class="el__index-back"></div>
                    <div class="el__index-front">
                        <div class="el__index-overlay" data-index="1"></div>
                    </div>
                </div>
            </div>


            <div class="el">
                <div class="el__overflow">
                    <div class="el__inner">
                        <div class="el__bg"></div>
                        <div class="el__preview-cont">
                            <h2 class="el__heading">Section two</h2>
                        </div>
                        <div class="el__content">
                            <div class="el__text"></div>
                            <div class="el__close-btn"></div>
                        </div>
                    </div>
                </div>
                <div class="el__index">
                    <div class="el__index-back"></div>
                    <div class="el__index-front">
                        <div class="el__index-overlay" data-index="2"></div>
                    </div>
                </div>
            </div>


            <div class="el">
                <div class="el__overflow">
                    <div class="el__inner">
                        <div class="el__bg"></div>
                        <div class="el__preview-cont">
                            <h2 class="el__heading">Section three</h2>
                        </div>
                        <div class="el__content">
                            <div class="el__text"></div>
                            <div class="el__close-btn"></div>
                        </div>
                    </div>
                </div>
                <div class="el__index">
                    <div class="el__index-back"></div>
                    <div class="el__index-front">
                        <div class="el__index-overlay" data-index="3"></div>
                    </div>
                </div>
            </div>


            <div class="el">
                <div class="el__overflow">
                    <div class="el__inner">
                        <div class="el__bg"></div>
                        <div class="el__preview-cont">
                            <h2 class="el__heading">Section four</h2>
                        </div>
                        <div class="el__content">
                            <div class="el__text"></div>
                            <div class="el__close-btn"></div>
                        </div>
                    </div>
                </div>
                <div class="el__index">
                    <div class="el__index-back"></div>
                    <div class="el__index-front">
                        <div class="el__index-overlay" data-index="4"></div>
                    </div>
                </div>
            </div>


            <div class="el s--active">
                <div class="el__overflow">
                    <div class="el__inner">
                        <div class="el__bg"></div>
                        <div class="el__preview-cont">
                            <h2 class="el__heading">Section five</h2>
                        </div>
                        <div class="el__content">
                            <div class="el__text"></div>
                            <div class="el__close-btn"></div>
                        </div>
                    </div>
                </div>
                <div class="el__index">
                    <div class="el__index-back"></div>
                    <div class="el__index-front">
                        <div class="el__index-overlay" data-index="5"></div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <script src="./load/index.js.下载"></script>


</body>

</html>